﻿/* DEFAULTS
----------------------------------------------------------*/
html,body
{
	
}
body     
{
	margin:0;padding:0;
    color: #000; 
    font-family: tahoma,arial;
    font-size: 14px;
    line-height: 18px;
    word-spacing: 1px;    
    background-color:#2e2e30;   
    /*#4d5e65 */
}
img
{
	border:0;
}
.adddomain td
{
	border:none;
}
.tdtextright {    
    font-size: 11px;    
    font-weight: bold;    
    padding:0px 10px 10px;    
    text-align: right;
}
.recode
{
	font-style:normal
}
.tip
{
	color:#686963;
	font-style:italic;
}
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
td
{
	vertical-align:top;	
}
div
{
	text-align:left;
	margin:0;
	padding:0;
}
.textbox
{
	border:solid 1px #ddd;
	padding:2px 5px;	
	background-color:#fff;
}
.textboxX
{
    border:none;
    padding:3px 3px;
    width:200px;
}
.TextBoxImg
{
    background-image: url('../images/textbox13.png');
    border-width: 0;
    height: 25px;
    margin: 0;
    padding: 0 5px;
    line-height: 18px;
    width: 180px;
    font-size: 15px;
    color: #666666;
}
a
{
	text-decoration:none;
}
a:hover
{
	color:Red;
}
.hr_small
{
	border-bottom:solid 1px #ddd;height:5px;
	margin:2px 0px 10px 0px;
}
.error
{
	color:Red;
}

/* BUTTON  
----------------------------------------------------------*/
.cbutton{
	background:url("../images/button_bg.gif") repeat-x scroll left bottom white;
	-moz-border-radius: 20px;	-webkit-border-radius: 20px;font-weight:bold;
	border: 1px solid #CCCCCC;	padding:1px 10px;	cursor:pointer;
}
button.g-button, a.g-button, input[type=submit].g-button {
	padding: 3px 5px;
	-webkit-border-radius: 2px 2px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1;
}
.ccombobox
{
	padding:1px 2px;
	border:solid 1px #ddd;
}
.cbutton:hover
{
	background-position:left top;
}
.btn {
   
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-family:Tahoma;
    font-size:11.5px;     
    padding: 3px 10px 4px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.btn:hover {
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
}
.blue {
   /* background-color: #CCCCCC;*/
    color: #141414;
    background-image:url('../Images/bt_add');
}
.blue:hover {
    background-color: #000;
    color: #fff;
}

/* BUTTON
--------------------------------------------------*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;	
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* white */
.white {
	color: #000;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.medium {
    font-size: 12px;
    padding: 4px 13px;
    font-weight:bold
}
input.input-text, input.password, textarea {    
    background: white url(../images/input-bg.png) no-repeat 0 0; 
    border: 1px solid #BBB;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #fff;
    font: 13px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #777;
}
/* GENERAL  
----------------------------------------------------------*/
.back_green
{
	background-color:Green;
}
.back_blue
{
	background-color:Blue;
}
.back_yellow
{
	background-color:Yellow;
}
.back_red
{
	background-color:red;
}
.clr
{
    clear: both;
}
.titlecontent
{
	border-bottom: 2px solid #EEEEEE;
    color: #2C3034;
    font-weight:bold;
    margin: 0 0 15px;
    padding: 0 0 5px;	
}

.fieldset
{
    border: 1px dotted #000000;  
    -moz-border-radius: 5px; /* for Mozilla browsers */
    -webkit-border-radius: 5px; /* for webkit browsers (Chrome, Safari) */
    border-radius: 5px; /* for Opera and others */    
 }
.legend
{
    font-weight:bolder;    
}
.tdtitle
{
	color:#000;	
	cursor:pointer;	
	height:25px;
	line-height:25px;
}
.tdtitle span
{
	display:block;	
}
.tdtitlespecial a
{
	font-weight:bold;
	color:Blue;	
	display:block;
}
#page
{
	width:980px;
	background-color:#f5f5f5;
	
}
.tdtitlespecial a:hover
{	
	color:Red;	
}
.tdheadline
{		
	font-weight:bold;	
	background-color:#e80000;
	height:26px;
	line-height:26px;
	color:#fff;
	text-align:center;
}

.headline
{
	background-color:#f5f5f5;
	min-height:300px;
}
.boxheadline
{	
	background-color:#fff;
}
#boxheadline
{	
	background-color:#fff;
	height:332px;
	width:250px;
	overflow:scroll;
}
.listclientselect
{
	height:582px;
	width:250px;
	background-color:#fff;	
	overflow:scroll;
}
#scanschedele
{	
	width:550px;
}
.boxmodal
{
	color:#000;	
	background-color:#fff;
	border:solid 3px #444444;
}
.btnDelete
{
	clear:both;text-align:right;margin-top:10px;
}
.boxbutton
{
	border:solid 1px #ccc;
	background-color:#fff;
	padding:10px;
}
.box
{
	padding:10px 0px;
}
.boxcontent
{
	min-height:600px;	
}
.treegroup
{
	background-color:#fff;
	margin-right:10px;
	margin-top:2px;	
	height:250px;
	width:250px;		
	overflow:scroll;
}
#sitemap
{
	padding:0px 0px 5px 0px;
	font-weight:bold;
}
#sitemap b{
	font-size:16px;
	color:#fff;
}
#sitemap a{
	font-size:16px;
	color:#fff;
}
#sitemap a:hover {
	font-size:16px;
	color:red;
}
#sitemap .LogOut
{
    float: right;
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #FFFF00;
}
#sitemap a span
{
    font-size:18px;color:Yellow;margin:10px 0 0 0;
 }
#sitemap a span:hover
{
    color: red;
 }
#sitemap .LogOut:hover
{
    color: red;
}
.schedulestatic
{
	background-color:#fff;	
	height:600px;
	width:250px;		
	overflow:scroll;
}
#treegroup
{
	background-color:#fff;
	margin-right:10px;
	margin-top:2px;	
	height:480px;		
	overflow:auto;
}
/* MENU
-----------------------------------------------*/
#menu {	
	font: 10px normal Arial, Helvetica, sans-serif;	
	background-color:#f7f7f7;
}
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header {
	background-color:#2e2e30;
	position:relative;	
}
#lang
{
    position:absolute;
    top:28px;
    right:-285px;
    width:360px
}
#footer {	
	background-color: #f5f5f5;
	padding: 15px 0px;
	text-align: right;
   
}
#footer a{	
	color: white;
}
#header .disclaimer {
	color: #999;
	padding: 100px 0 7px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 0;
}
#header .disclaimer a {	color: #ccc;}
ul.topnav 
{
	display:block;
	list-style: none;	
	width:900px;
	margin: 0 auto;		
	background: #222;
	font-size: 1.2em;
	background-color: #2b3c42;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 15px;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 0px 10px 5px;	
	color: #fff;
	font-size:12px;
	display: block;
	text-decoration: none;
	float: left;
	cursor:pointer;
}
ul.topnav li a:hover{
	background: url(../Images/topnav_hover.jpg) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../Images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: left bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 200px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #35474d;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #6f7b7f; /*--Create bevel effect--*/
	clear: both;
	width: 200px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 180px;
	background: #35474d url(../Images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;	
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #1b2d34  url(../Images/dropdown_linkbg.gif) no-repeat 10px center;
}
#listclient
{	
	background-color:#fff ;
}
.titlegrid
{
	color:#fff;
}
#content
{
	background-color:#f5f5f5;
	width:100%;
	margin:0 auto;
	min-height:360px
}
.listselect
{
	background-color:#fff;
	margin-right:10px
}
.timescan
{
	padding-left:5px
}
.timescan td
{
	height:24px;
	line-height:24px
}
fieldset
{
	margin:0;	
}
.thongbao
{
	margin:10px 0px;
	padding:5px;
	border:solid 1px #ddd;
}
.listgroup
{
	min-height:480px
}
/* Modal Popup */
.modalBackground
{
  background-color: #000000;
  opacity: 0.3;  
  filter:alpha(opacity=30); 
  height: 100px;  
  width: 270px;
}
.loading
{
  background-color : #000000;
  opacity: 0.3;
  filter:alpha(opacity=30); 
  height: 100px;  
  width: 100px;
}
.ModalWindow
{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #525252;
  color: #000000;  
  text-align: left;  
  padding:10px
}
#popup_them_may_tram
{
	height:410px;
	overflow:auto;
}
#left_menu
{	
	margin:0 auto;	
}
#right_menu
{
	float:right;
	padding:7px 30px 0;	
}
.layout
{
	border: medium none;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.paging
{
	text-align:center;
}
#divsearch
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B3B3B3;            
    overflow: hidden;
    padding:1px 5px;
}
.DropDownList,.TextBox
{
	border:none;
}
.selected
{
	background-color:#69a747;
}
#modal 
{
	min-height:200px; 
	width:650px;	
}
#messagebox
{
		
}
#addclient 
{		
	width:450px; 	
}
.modalloading
{		
	background-color:#fff; 
	border:2px solid #444; 
	padding:10px;	
}
.closex
{
	position:absolute;
	right:4px;
	top:4px;
	margin:auto;
	cursor:pointer;	
}
.ico
{
	position:absolute;
	left:3px;
	top:3px;
	margin:auto;	
}
.folderleft
{	
	background-color:#ff5800;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	height:26px;
	line-height:26px;	
}
.searchAddClient td
{
	padding: 2px 5px;
	margin-bottom: 10px;	
}
.listAddClient
{
	height:400px; 
	color:#000; 
	overflow:scroll;
	border:solid 1px #ccc
}
.clear-group
{
	background-color:#fff;
	border:solid 1px #444444;
	width:300px;
	height:20px;
}
.title-dialog
{
	background:url(../Images/title_bg1.png) repeat-x;
	padding-left:23px;
	color:#fff;
	font-weight:bold;
	height:22px;
	line-height:20px;		
}
.TreviewSelectedNode
{
	font-weight:bold;
	color:Red;   
}
.backred
{
	background-color:red;
}
.backtree
{
	background-color:#ccc;
}
#staticschedule
{
	width:680px;
	min-height:330px;	
}
#allscan
{	
	height:200px;
	overflow:auto;
}
#banner
{	
	margin-left:0px;
}

/* PAGING
----------------------------*/
.ketqua
{
	text-align:center;
	font-weight:bold;
	color:white;
}
#report
{
	min-height:330px;
	padding:0px 30px;	
	padding-bottom:30px;
}
#report1
{
	
	min-height:350px;
	
	padding:5px 50px;	
	padding-bottom:30px;
}
.title_report
{
	color:#2e2e30;
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
}
.detail_report
{
	color:#fff;
}

a.linkbutton
{
	padding:1px 10px;
	font-size:11px;
	color:#fff;
	cursor:pointer;
	background-color:#f15a22;
	border:solid 1px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
a.linkbutton:hover
{
	color:#fff;
	background-color:Green;
}

.lefttd
{
    text-align:left;
    padding-left:20px;
}
.righttd
{
    text-align:left;    
}

.ServerLoadProgressBar
{
    background-image: url('../Images/BgProgessLiveUpdate.PNG');
    background-repeat: repeat-x;
    float: left;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
.ServerLoadFull
{
    height: 25px;
    margin-top: 3px;
    width: 100%;
    background-color: #f1f1ed;
    margin: 10px 0;
    border: 1px solid #acac93;
}
.ServerChild
{
   border: 1px solid #BDBDBD;
    border-radius: 20px 20px 20px 20px;
    float: left;
    height: 210px;
    margin: 12px;
    overflow: hidden;
    width: 320px;
}
.ServerChild:hover
{
    background-color:black;
    }
.ServerChild .Header
{
    width: 100%;
    height:50px;
    border-radius: 20px 20px 0 0;
    background-color: #6c939f;
}

.ServerChild .Header .Update
{
  margin:0;  
  padding:5px;
  text-align:center;
  float: left;
  position: absolute;
  z-index: 10000000;
}
.ServerChild .Header .Update img
{
  width:30px;
  height:30px;
}
.ServerChild .Header .Title
{
  margin:0;  
  padding:5px;
  text-align:center;
  float: left;
  width:100%;
  overflow: hidden;
  position: relative;
}
.ServerChild .Header .Title a
{
    color:White;
    line-height:20px;
    font-size:18px;
    
}
.ServerChild .Header .Title a:hover
{
    color:#F15A22;
}
.ServerChild .Header .Title a font
{
    font-size:15px;
    
}

.ServerChild .Contten 
{
 margin-top:10px;
}

.ServerChild .Contten div
{
   /*color: #2b3c42;*/
   color: White;
    font-weight: bold;
    font-size: 13px;
    width:100%;
    float:left;
    text-indent:12px;
}



.ServerParent
{
    border: 1px solid #A9CFD1;
    border-radius: 20px 20px 20px 20px;
    float: left;
    height: 300px;
    margin: 30px 320px;
    overflow: hidden;
    width: 500px;
}
.ServerParent:hover
{
    background-color:black;
    }
.ServerParent .Header
{
    width: 101%;
    height: 50px;
    border-radius: 20px 20px 0 0;
    background-color: #42F2EE;
}
.ServerParent .Header h2
{
  margin:0;  
  padding:10px;
  text-align:center;
}
.ServerParent .Header h2 a
{
    color:black;
    font-size:20px;
}
.ServerParent .Header h2 a:hover
{
    color:#F15A22;
}
.ServerParent .Contten 
{
 margin-top:20px;
}

.ServerParent .Contten div
{
    /*color: #2b3c42;*/
    color: #ECFFFF;
    font-weight: bold;
    font-size: 13px;
    width: 217%;
    float: left;
    text-indent: 12px;
}
.CountServerClient
{
    width:100%;
    float:left;
    color:White;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}
.CountServerClient span
{
     color:#F15A22;
}

.contentPopup1 {
  top:300px;
  text-align:center;
  position:absolute;
  z-index:10001; 
}
.popup_box1 {
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
}
.modalBackground1 {
  background-color:#f2f2f2;
  opacity:0.3;
  filter:alpha(opacity=30);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:10000;
}